.top-main {
    padding: 0 0 1.6rem 0;
}

.top-main .back {
    position: absolute;
    left: .21rem;
    top: .28rem;
    width: .36rem;
    height: .42rem;
    background: url('../imgs/top/back.png') no-repeat center center /cover;

}

.top-main .header .back {
    position: absolute;
    left: .28rem;
    top: .21rem;
    width: .36rem;
    height: .5rem;
    background: url('../imgs/top/back.png') no-repeat center center /100% 100%;
}

.top-main .header .bg {
    width: 100%;
    height: 3.63rem;
}

.top-main .list-top {
    width: 100%;
    height: .69rem;
    margin-top: -.69rem;
}

.top-main .list {
    height: calc(100vh - 5.24rem);
}

.top-main .list .item {
    height: .69rem;
    margin: .14rem .36rem .55rem;
}

.top-main .list .item .item-left {
    height: .69rem;
    width: .69rem;
    font-size: .42rem;
    color: #4D4D4D;
}

.top-main .list .item .item-left img {
    width: .69rem;
    height: .69rem;
}

.top-main .list .item .photo {
    margin: 0 .22rem 0 .35rem;
    width: .69rem;
    height: .69rem;
}

.top-main .list .item .title {
    font-size: .28rem;
    color: #4D4D4D;
}

.top-main .list .item .txt {
    margin-top: .13rem;
    font-size: .21rem;
    color: #999;
}

.top-main .list .item .item-right {
    flex: 1;
    text-align: right;
    color: #EBC519;
    font-size: .28rem;
}

.top-main .top-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.6rem;
    background: #fff;
}

.top-main .invite-button {
    width: 6.81rem;
    height: .9rem;
    background: url('../imgs/top/invite.png') no-repeat center center/ 100% 100%;
}